<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>账号管理</title>
    <link rel="stylesheet" type="text/css" href="../../../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../../css/style.css" />
    <style>
        html,
        body {
            /*background: #fff;*/
        }

        .inner_header {
            font-size: 1.6rem;
            color: #000000;
            font-weight: 600;
            height: 6.9rem;
            margin: 0;
            padding: 2.4rem 0 0 0;
            box-sizing: border-box;
            background: none!important;
            box-shadow: 0rem 0rem 0.8rem 0rem rgba(0, 0, 0, 0.08);
            background: #fff!important;
        }

        .content {
            width: 100%;
            float: left;
            margin: 6.9rem 0 0 0;
        }

        .content_list {
            background: #fff;
            width: 100%;
            float: left;
            box-sizing: border-box;
            padding: 0 1.3rem 0 1.3rem;
            margin-bottom: 1rem;
        }

        .content_li {
            float: left;
            width: 100%;
            height: 4.45rem;
            box-sizing: border-box;
            border-bottom: 0.05rem solid #e6e6e6;
            color: #333333;
            font-size: 1.5rem;
            line-height: 4.45rem;
        }

        .content_li .right {
            float: right;
            display: flex;
            color: #ed6a20;
        }

        .content_li .right img {
            margin: 1.5rem 1.3rem 0 1.1rem;
            width: 0.7rem;
            height: 1.4rem;
        }

        .content_list .content_li:last-child {
            border-bottom: none;
        }

        .content_li .right span {
            float: right;
            margin: 0 1.3rem 0 0;
            color: #a1a1a1;
        }
    </style>
</head>

<body>
    <div id="app">
        <header class="aui-bar aui-bar-nav aui-bar-light inner_header">
            <a class="aui-pull-left aui-btn" onclick="goBack()">
                <img src="../../../../image/back.png">
            </a>
            <div class="aui-title">实名认证</div>
        </header>
        <div class="content">
            <div class="content_list">
                <div class="content_li">
                    手机号
                    <div class="right" onclick="openDialog('extend')">
                        已绑定
                        <img src="../../../../image/capital/icon4.png" alt="">
                    </div>
                </div>
                <div class="content_li">
                    微信账号
                    <div class="right" onclick="openDialog('confirm')">
                        已绑定
                        <img src="../../../../image/capital/icon4.png" alt="">
                    </div>
                </div>
                <div class="content_li">
                    QQ账号
                    <div class="right">
                        未绑定
                        <img src="../../../../image/capital/icon4.png" alt="">
                    </div>
                </div>
                <div class="content_li">
                    邮箱绑定
                    <div class="right">
                        未绑定
                        <img src="../../../../image/capital/icon4.png" alt="">
                    </div>
                </div>
                <div class="content_li">
                    微博账号
                    <div class="right">
                        未绑定
                        <img src="../../../../image/capital/icon4.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../../../script/api.js"></script>
<script type="text/javascript" src="../../../../script/zepto.js"></script>
<script type="text/javascript" src="../../../../script/vue.min.js"></script>
<script type="text/javascript" src="../../../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../../../script/utils.js"></script>
<script type="text/javascript" src="../../../../script/common.js"></script>
<script type="text/javascript" src="../../../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../../../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../../../../script/aui-dialog.js"></script>
<script type="text/javascript">
    apiready = function() {

    };
    var dialog = new auiDialog({})

    function openDialog(type) {
        switch (type) {
            case "extend":
                dialog.alert({
                    title: "确定解绑",
                    msg: '解绑手机号后将无法继续使用它登录该账号',
                    buttons: ['取消', '确定']
                }, function(ret) {
                    console.log(ret)
                })
                break;
            case "confirm":
                dialog.alert({
                    title: "确定解绑",
                    msg: '解绑微信账号后将无法继续使用它登录该账号',
                    buttons: ['取消', '确定']
                }, function(ret) {
                    console.log(ret.buttonIndex)
                        // 确定
                    if (ret.buttonIndex == 2) {

                    }
                    // 取消
                    if (ret.buttonIndex == 1) {

                    }
                })
                break;
            default:
                break;
        }
    }

    function goBack() {
        api.closeWin({

        });
    }
</script>

</html>
